*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.page3{
	width: calc(100vw - 2px);
	height: auto;
}
.page3>img{
	width: 100%;
	height: auto;
}
.box{
	width: 100%;
	height: 170px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	border: 1px #000000 solid;
}
.box-1,.box-2,.box-3{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px #000000 solid;
}
.box-3{
	border: none;
}

.box-1{
	height: 50px;
	font-size: 16px;
}
.box-2,.box-3{
	height: 60px;
}

.b-1,.b-2,.b-3{
	text-align: center;
}
.box-1>.b-1,.box-2>.b-1,.box-3>.b-1{
	display: block;
	width: 40%;
	height: 100%;
}
.box-1>.b-2,.box-2>.b-2,.box-3>.b-2,.box-1>.b-3,.box-2>.b-3,.box-3>.b-3{
	width: 30%;
	height: 100%;
}
.b-1>text{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
}
.box-1>view{
	line-height: 50px;
}
.box-2>view:nth-child(1),.box-3>view:nth-child(1){
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.b-1,.b-2{
	border-right: 1px #000000 solid;
}
.input{
	width: 100%;
	height: 100%;
}
.b-1>text:nth-child(1),.b-2>text:nth-child(1){
	font-size: 17px;
}
.b-1>text:nth-child(2),.b-2>text:nth-child(2){
	font-size: 14px;
}

.box2{
	width: 100%;
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border: 1px #000000 solid;
	margin-top: 30px;
}
.box2-top,.box2-bottom{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px #000000 solid;
}
.box2-bottom{
	border:none;
}
.box2-top>text,.box2-bottom>text{
	width: 40%;
	height: 100%;
	line-height: 50px;
	text-align: center;
	border-right: 1px #000000 solid;
}
.box2-top>view,.box2-bottom>view{
	width: 60%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
